<template>
    <div class="header-three">
        <div class="header-three-img">
            <img :src="header" alt="">
        </div>
    </div>
</template>

<script>
    export default {
        name: "HeaderThree",
        data(){
           return {
               header:"./static/img/header1.png"
           }
        },
    }
</script>

<style lang="stylus" type="text/stylus" scoped>
    .header-three
     height : 3rem
     width :100%
     position:relative
     top:-1.4rem
     .header-three-img
      width :9.4rem
      margin :0 auto
      img
         width: 100%;
         border-radius : .1rem
</style>